<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>商品分类排序</title>
<link href="../static/css/amazeui.css" rel="stylesheet" type="text/css" />
<link href="../static/css/admin.css" rel="stylesheet" type="text/css" />
<link href="../static/css/demo.css" rel="stylesheet" type="text/css" />
<link href="../static/css/seastyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../static/js/jquery-2.0.0.min.js"></script>
<script type="text/javascript" src="../static/js/script.js"></script>
<script type="text/javascript" src="../static/js/myinit.js"></script>
</head>

<body>

<!--顶部导航条 -->
<div class="am-container header">
  <ul class="message-l">
    <div class="topMessage">
      <div class="menu-hd"> <a target="_top" class="h">亲，请登录</a> <a target="_top">免费注册</a> </div>
    </div>
  </ul>
  <ul class="message-r">
    <div class="topMessage home">
      <div class="menu-hd"><a target="_top" class="h">商城首页</a></div>
    </div>
    <div class="topMessage my-shangcheng">
      <div class="menu-hd MyShangcheng"><a target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
    </div>
    <div class="topMessage mini-cart">
      <div class="menu-hd"><a id="mc-menu-hd" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h">0</strong></a></div>
    </div>
       <div class="topMessage favorite">
            <div class="menu-hd"><a target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a></div>
          </div>
        </ul>
      </div>

<!--悬浮搜索框-->

<div class="nav white">
  <div class="logo"><img src="../static/img/logo.png" /></div>
  <div class="logoBig">
    <li><img src="../static/img/logobig.png" /></li>
  </div>
  <div class="search-bar pr"> <a name="index_none_header_sysc"></a>
    <form>
      <input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
      <input id="ai-topsearch" class="submit am-btn"  value="搜索" index="1" type="submit">
    </form>
  </div>
</div>
<div class="clear"></div>
<b class="line"></b>
<div class="search">
  <div class="search-list">
    <div class="nav-table">
      <div class="long-title"><span class="all-goods">全部分类</span></div>
      <div class="nav-cont">
        <ul>
          <li class="index"><a>首页</a></li>
          <li class="qc"><a>闪购</a></li>
          <li class="qc"><a>限时抢</a></li>
          <li class="qc"><a>团购</a></li>
          <li class="qc last"><a>大包装</a></li>
        </ul>
        <div class="nav-extra"> <i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>我的优惠券<i class="am-icon-angle-right" style="padding-left: 10px;"></i> </div>
      </div>
    </div>
    <div style="text-align:center"><h2 style="color:#FF5151" id="CuXiaoname"></h2></div>
    <div class="am-g am-g-fixed">
      <div class="am-u-sm-12 am-u-md-12">
        <div class="search-content">
          <div class="sort">
            <li class="first"><a title="综合">综合排序</a></li>
            <li><a title="销量">销量排序</a></li>
            <li><a title="价格">价格优先</a></li>
            <li class="big"><a title="评价">评价为主</a></li>
          </div>
          <div class="clear"></div>
          <ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 boxes" id="goods">
            <li>
              <div class="i-pic limit"> <img src="../static/img/imgsearch1.jpg" />
                <p class="title fl">【良品铺子旗舰店】手剥松子218g 坚果炒货零食新货巴西松子包邮</p>
                <p class="price fl"> <b>¥</b> <strong>56.90</strong> </p>
                <p class="number fl"> 销量<span>1110</span> </p>
              </div>
            </li>
          </ul>
        </div>
        <div class="search-side">
          <div class="side-title"> 经典搭配 </div>
          <li>
            <div class="i-pic check"> <img src="../static/img/cp.jpg" />
              <p class="check-title">萨拉米 1+1小鸡腿</p>
              <p class="price fl"> <b>¥</b> <strong>29.90</strong> </p>
              <p class="number fl"> 销量<span>1110</span> </p>
            </div>
          </li>
          <li>
            <div class="i-pic check"> <img src="../static/img/cp2.jpg" />
              <p class="check-title">ZEK 原味海苔</p>
              <p class="price fl"> <b>¥</b> <strong>8.90</strong> </p>
              <p class="number fl"> 销量<span>1110</span> </p>
            </div>
          </li>
          <li>
            <div class="i-pic check"> <img src="../static/img/cp.jpg" />
              <p class="check-title">萨拉米 1+1小鸡腿</p>
              <p class="price fl"> <b>¥</b> <strong>29.90</strong> </p>
              <p class="number fl"> 销量<span>1110</span> </p>
            </div>
          </li>
        </div>
        <div class="clear"></div>
        <!--分页 -->
        <ul class="am-pagination am-pagination-right">
          <li class="am-disabled" id="Shangyiye"><a>上10页</a></li>
          <li class="am-active"><a>1</a></li>
          <li><a>2</a></li>
          <li><a>3</a></li>
          <li><a>4</a></li>
          <li><a>5</a></li>
          <li id="Xiayiye"><a>下10页</a></li>
        </ul>
      </div>
    </div>
    <div class="footer ">
      <div class="footer-hd">
        <p><img src="../static/img/duo.png" style="width:25px" />品类齐全<b>|</b><img src="../static/img/kuai.png" style="width:25px" />多仓直发<b>|</b><img src="../static/img/hao.png" style="width:25px" />正品行货<b>|</b><img src="../static/img/sheng.png" style="width:25px" />天天低价</p>
      </div>
      <div class="footer-bd "> </div>
    </div>
  </div>
</div>

<!--引导 -->
<div class="navCir">
  <li><a href="home.html"><i class="am-icon-home "></i>首页</a></li>
  <li><a href="sort.html"><i class="am-icon-list"></i>分类</a></li>
  <li><a href="shopcart.html"><i class="am-icon-shopping-basket"></i>购物车</a></li>
  <li><a href="person/index.html"><i class="am-icon-user"></i>我的</a></li>
</div>

<!--菜单 -->
<div class=tip>
  <div id="sidebar">
    <div id="wrap">
      <div id="prof" class="item "> <a> <span class="setting "></span> </a>
        <div class="ibar_login_box status_login ">
          <div class="avatar_box ">
            <p class="avatar_imgbox "><img src="../static/img/no-img_mid_.jpg " /></p>
            <ul class="user_info ">
              <li>用户名sl1903</li>
              <li>级&nbsp;别普通会员</li>
            </ul>
          </div>
          <div class="login_btnbox "> <a class="login_order ">我的订单</a> <a class="login_favorite ">我的收藏</a> </div>
          <i class="icon_arrow_white "></i> </div>
      </div>
      <div id="shopCart " class="item "> <a> <span class="message "></span> </a>
        <p> 购物车 </p>
        <p class="cart_num ">0</p>
      </div>
      <div id="brand " class="item "> <a> <span class="wdsc "><img src="../static/img/wdsc.png " /></span> </a>
        <div class="mp_tooltip "> 我的收藏 <i class="icon_arrow_right_black "></i> </div>
      </div>
      <div id="broadcast " class="item "> <a> <span class="chongzhi "><img src="../static/img/chongzhi.png " /></span> </a>
        <div class="mp_tooltip "> 我的充值 <i class="icon_arrow_right_black "></i> </div>
      </div>
      <div class="quick_toggle ">
        <li class="qtitem "> <a><span class="kfzx "></span></a>
          <div class="mp_tooltip ">客服在线<i class="icon_arrow_right_black "></i></div>
        </li>
        <!--二维码 -->
        <li class="qtitem "> <a href="#none "><span class="mpbtn_qrcode "></span></a>
          <div class="mp_qrcode " style="display:none; "><img src="../static/img/weixin_code_145.png " /><i class="icon_arrow_white "></i></div>
        </li>
        <li class="qtitem "> <a href="#top " class="return_top "><span class="top "></span></a> </li>
      </div>
      
      <!--回到顶部 -->
      <div id="quick_links_pop" class="quick_links_pop hide"></div>
    </div>
  </div>
</div>
<script>
	window.jQuery || document.write('<script src="../static/js/jquery-1.9.min.js"><\/script>');
</script>
<script type="text/javascript" src="../static/js/quick_links.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	initGood();
});
var caga_id=getUrldata('CAGAID');
var htm =getUrldata('HTM');
var openid = getUrldata('OPENID');
var offset_last=0;

var ww=$(document).innerWidth();
	
function initGood(){
	var url = "/webserver/api/v1/good/?format=json&catagory="+caga_id+"&offset="+offset_last;
	
	 if(offset_last==0){
		$('#goods').empty();
	 }
		
	$.getJSON(url,function(rs){
		if($('#goods').find('li').length==0){       
			var totalheight = 0;
			$('#Xiayiye').click(function(){
				offset_last+=200;
				initGood();
			}); 
			$('#Siayiye').click(function(){
				if(offset_last==0){
					offset_last==0;
				}
				else{
					offset_last-=200;
				}
				initGood();
			}); 
		}
		 
		var objects=rs.objects;
		$('#goods').empty();
		$.each(objects,function(index,item){
			$('#goods').append('<li onclick="toUrl(\'introduction_pc.html?GOODID='+item.id+'\')"><div class="i-pic limit"> <img src="'+item.image_thumb+'" /><p class="title fl">'+item.name+'</p><p class="price fl"> <b>¥</b> <strong>'+item.price+'</strong> </p></div></li>'); 
		}); 
	});	
	
}
function toUrl(url){
	document.location.href=url;
}
</script>
<div class="theme-popover-mask"></div>
</body>
</html>